<template>
	<view class="clock-list-item">
		<view class="clock-item-header">
			<image :src="dynamic.avatar" mode="" class="cih-avatar"></image>
			<view class="chi-user">
				<view class="chi-user-name">
					{{dynamic.mood_num}}
					{{dynamic.name}}
				</view>
				<view class="chi-user-days">签到:{{dynamic.days}}天</view>
			</view>
		</view>
		<view class="clock-item-content">
			{{dynamic.content}}
		</view>
		<view class="clock-item-images" v-if="dynamic.images && dynamic.images.length">
			<image class="clock-item-image" v-for="(item2, key2) in dynamic.images" :key="key2" :src="item2" lazy-load="true"></image>
		</view>
		<view class="clock-item-option">
			<view class="cio-date">{{dynamic.date}}</view>
			<view class="cio-btns">
				<view class="cio-btn cio-btn-praise"><image src="../../static/images/praise.png" mode=""></image>点赞</view>
				<view class="cio-btn cio-btn-comment"><image src="../../static/images/comment.png" mode=""></image>评论</view>
			</view>
		</view>
		<view class="praise-list">
			点赞列表
		</view>
		<view class="comment-list">
			评论列表
		</view>
	</view>
</template>

<script>
export default {
	props:['dynamic']
}
</script>

<style>
</style>
